<!--
 * @Author: xunzhaotech
 * @Email: luyb@xunzhaotech.com
 * @QQ: 1525572900
 * @Date: 2024-04-14 12:11:22
 * @LastEditTime: 2024-04-14 12:32:18
 * @LastEditors: xunzhaotech
-->
<script setup lang="ts">
import { useData } from 'vitepress'
// import VPHero from 'vitepress/dist/client/theme-default/components/VPHero.vue'
import MICHero from'./MICHero.vue'

const { frontmatter: fm } = useData()
</script>

<template>
  <MICHero
    v-if="fm.hero"
    class="VPHomeHero"
    :name="fm.hero.name"
    :text="fm.hero.text"
    :tagline="fm.hero.tagline"
    :image="fm.hero.image"
    :actions="fm.hero.actions"
  >
    <template #home-hero-info-before><slot name="home-hero-info-before" /></template>
    <template #home-hero-info><slot name="home-hero-info" /></template>
    <template #home-hero-info-after><slot name="home-hero-info-after" /></template>
    <template #home-hero-actions-after><slot name="home-hero-actions-after" /></template>
    <template #home-hero-image><slot name="home-hero-image" /></template>
  </MICHero>
</template>
<style scoped>
  .VPHomeHero {
    background: url('../assets/bkg.jpg') no-repeat center center;
  }
</style>